{% extends "models/front_simple.html" %}
{% block head %}
<script type="text/javascript" src="js/randomword.js"></script>
{% endblock %}
{% block title %}Mot aléatoire Japonais vers Français{% endblock %}
{% block content %}

<div class="info">
Un clic (ou fleche droite) pour dévoiler la traduction.
Un deuxième clic (ou fleche droite) pour passer au mot suivant.
</div>

<br />
<div class="random-word">

<div class="kana">
	{{ term.kana }} 
	{% if term.isToneDistinct() %}
	( {{ term.getToneHTML()|raw }} )
	{% endif %}
</div>

<div class="pronunciation">
	{{ term.pronunciation_romaji }}
</div>

{% for translation in translations %}
<div class="response">
<div class="title">
{% if translation.title %}
{{ translation.title }} 
{% elseif translations|length > 1 %}
Traduction n°{{ loop.index }}
{% endif %}
</div>
<div class="translation">
{{ translation.translation }}
</div>
</div>
{% endfor %}
</div>
{% endblock %}